<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/master">

<div id="mainContent" layout:fragment="content">
    <link rel="stylesheet" href="/css/tv.detail.css">

    <div class="spm">
        <div class="breadcrumb">
            <a href="/">首页</a>&nbsp;&nbsp;»&nbsp;&nbsp;<span th:utext="${topNav}"></span>&nbsp;&nbsp;»&nbsp;&nbsp;[[${data.name}]]
        </div>
        <div class="content">
            <div class="clogo"><img th:src="${data.img}" th:alt="${data.name}"></div>
            <div class="desc">
                <h1 th:text="${data.name}"></h1>
                <p th:utext="${performer}">&nbsp;&nbsp;</p>
                <p th:utext="${typeUrl}"></p>
                <p>备注：[[${data.updateInfomation}]]&nbsp;&nbsp;&nbsp;更新时间：[[${#dates.format(data.updateTime, 'yyyy-MM-dd')}]]</p>
                <p>地区：[[${data.countryName}]]&nbsp;&nbsp;&nbsp;年份：[[${data.releaseTime}]]</p>
                <div class="oclink"><a href="/play/56729-0-0.html" rel="nofollow">立刻播放</a></div>
            </div>
        </div>
    </div>


    <div class="spm ">
        <div class="content">
            <div class="desc">
                <div class="description">播放线路</div>
                <div class="tabConList globalPadding">
                    <div class="tabCon" style="display:block">
                        <script type="text/javascript">
                            $(function () {
                                var i = 0;
                                function oooTab() {
                                    $(this).addClass("current").siblings().removeClass("current").parent().siblings().hide().siblings("." + $(this).attr("id")).show();
                                }
                                $(".tabt span,.tabt2 span").mouseover(oooTab);
                                $(".tabt3 span").click(oooTab);
                                $(".tabt3 span").eq(0).click();
                            });
                        </script>
                        <dl class="tab2">
                            <dt class="tabt3">
                                <span id="qiyi" class="current"><i class="iconfont"></i>奇艺视频</span>
                            </dt>
                            <dd class="qiyi" style="display:block">
                                <ul class="ulNumList" style="max-height: 300px; overflow: auto;" th:utext="${playData}">

                                </ul>
                            </dd>

                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="spm ">
        <div class="content">
            <div class="desc">
                <div class="description">详细介绍</div>
                [[${data.content}]]
            </div>
        </div>
    </div>


    <!--猜你喜欢-->
    <div class="spm ">
        <h3>猜你喜欢</h3>
        <ul class="qrcode">

            <li th:each="item:${listRecommend}"><a th:href="'/info/'+${item.id}+'.html'"><h2 th:text="${item.name}"></h2>
                <div class="logo">
                    <img class="lazy"
                         th:attr="data-original=${item.img}"
                   th:alt="${item.name}" th:src="${item.img}"
                   style="display: inline;"></div>
                <p class="desc">更新：[[${#dates.format(item.updateTime, 'yyyy-MM-dd')}]]</p>
            </a>
            </li>

        </ul>
    </div>
</div>

</html>